<template>
    <div class="main">
        <el-container>
            <el-header>
                <titleBar></titleBar>
            </el-header>
            <el-container>
                <el-aside width="300px">
                    <mymenu></mymenu>
                </el-aside>
                <el-container>
                    <el-main>Main</el-main>
                    <el-footer>Footer</el-footer>
                </el-container>
            </el-container>
        </el-container>
    </div>
</template>

<script>
import titleBar from '@/components/titleBar.vue';
import mymenu from '@/components/mymenu.vue';
export default {
    components: {
        titleBar,
        mymenu
    },
    data() {
        return {
            username: '',
            password: '',
            phone: '',
            code: '',
            statu: false
        }
    },
    mounted() {

    },
    methods: {
    }
}
</script>

<style lang="less" scoped>
.main {
    width: 100%;
    height: 100%;
}
</style>